
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?tomleg');
    src:  url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?tomleg') format('truetype'),
      url('../fonts/icomoon.woff?tomleg') format('woff'),
      url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  .bgc {
  
    position: relative;
    height: 337px;
}
.bgc img {
    width: 100%;
   height: 100%;
}
.circle-left,.circle-right {
    position: absolute;
    top: 170px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e2c199;
}
.circle-left {
  left: 170px;
    
}
.circle-left span,.circle-right span {
    display: inline-block;
    font-size: 30px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-family: 'icomoon';
    color: #fff;

}
.circle-left span{
    padding-left: 8px;
}
.circle-right span{
    padding-right: 8px;
}
.circle-right {
    right: 170px;

}
.new {
   margin-top: 0px;
    height: 388px;
 
}
.new-hd {
    height: 40px;
   
   
}
.new-hd p:first-child {
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.new-hd span {
    margin-left: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;

}
.new-hd-right{
    float: right;
    line-height: 40px;
    
}
.new-hd p:hover {
    color: #d48f54;
    cursor: pointer;
}
.new-bd{
   
    height: 280px;
   
    
}
.new-bd li {
    float: left;
    width: 210px;
    height: 210px;
    margin-right: 5px;

  
}
.new1 {
    width: 210px;
    height: 210px;
    background-color:  #f4f4f4;
    margin-bottom: ;

  
}
.new1 img{
    width: 210px;
    height: 210px;
   
}
.jiage {
     margin: 0px auto; 
    
    height: 15px;
    line-height: 15px; 
    text-align: center;
    background-color: #e36844;
    color: #fff;

} 
.jiage1{
    width: 67px;
}
.jiage2{
    width: 56px;
}
.jiage3 {
    width: 84px;
}
.jiage4 {
    width: 32px;
}
.new-bottum p {
    text-align: center;
  
}
.floor {
    position: relative;
 
    
}
.circle-l,.circle-r {
    position: absolute;
    top: 172px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e2c199;
}
.circle-l {
  left: 140px;
    
}
.circle-l span,.circle-r span {
    display: inline-block;
    font-size: 30px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-family: 'icomoon';
    color: #fff;

}
.circle-l span{
    padding-left: 8px;
}
.circle-r span{
    padding-right: 8px;
}
.circle-r {
    right: 140px;

}
/* 人气推荐 */
.tuijian {
    height: 560px;
    background-color: #f4f0ea;

}
.renqi {
    padding-top: 30px;
    height: 500px;
}


.new-hd .current {
    margin: 0 20px;
   float: left;
    height: 26px;
    line-height: 26px;
    border-bottom: 2px solid #cc9756;
    color:#cc9756;
}
.new-hd .zongbang{
    float: left;
    height: 26px;
    line-height: 26px;
}

.renqi-l{  position: relative;
    float: left;
    width: 292px;
    height: 430px;
    background-color: #fff;
}
.renqi-lt {
  
    width: 292px;
    height: 270px;
}
.renqi-lt img{
    width: 100%;
    height: 100%;
}
.renqi-l .qianggou  {
    height: 23px;
    line-height: 23px;
    text-align: center;
    background-color: #dd1a21;
    color: #fff;
}
.renqi-l .xinren {
    position: absolute;
   top: 265px;
    left: 0;
    width: 60px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px 5px 5px 0;
    background-color: #c0060e;
    color: #fff;
    text-align: center;
}
.weight {
    font-weight: 700;
    color: #000;

}
.s29 {
    margin-top: 8px;
    text-align: center;
    color: #c0060e;
}

.renqi-r {
    float: right;
    width: 567px;
    height: 430px;
   
}
.renqi-r li {
    position: relative;
    float: left;
    width: 177px;
    margin-left: 10px;
     margin-bottom: 10px; 
    height: 210px;
    background-color: #fff;
  }
    

.renqi-rt {
  
    width: 177px;
    height: 112px;
}
.renqi-rt img{
 padding-left: 33px;
    height: 100%;
}
.qianggou  {padding-left: 30px;

    height: 23px;
    line-height: 23px;
text-align: center;
    background-color: #f86d60;
    color: #fff;
}
.xinren {
    position: absolute;
   top: 107px;
    left: 0;
    width: 60px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px 5px 5px 0;
    background-color: #f86d60;
    color: #fff;
    text-align: center;
}
.new-bottum1 {
   
   border-top: 1px solid #f4f0ea;
   text-align: center;
}
.new-bottum1 .jiage {
    margin-top: 30px;

}
.se4 {
    position: absolute;
    top: 7px;
    left: 7px;
    display: inline-block;
    font-size: 11px;
    width: 49px;
    height: 13px;
    background-color: #f4f0ea;
    border:1px solid #b3a07d;
    color:  #b3a07d;
    border-radius: 3px;
    line-height: 13px;
  text-align: center;
}
/* 限时购 */
.xianshigou {
    margin-top: 20px;
  height: 410px;
}

.xianshigou-bd {
    height: 318px;
 
    
}
.xianshigou-bdl{float: left;
    position: relative;
    width: 162px;
  
}
.xianshigou-bdl img {
  
    width: 100%;
    height: 100%;
}
.xianshi14 {
    
    font-size: 20px;
    float: left;
  position: absolute;
  top: 50px;
  left: 50px;
}
.juli{
position: absolute;
top: 88px;
left: 40px;
   font-size: 14px;
}
.time {float: left;
    position: absolute;
    top: 125px;
    left: 30px;
}
.fang {

    float: left;
    width: 30px;
    height: px;
    line-height: 30px;
    text-align: center;
    background-color: #615548;
    color: #fff;

}
.maohao{float: left;
    margin: 0 2px;
}
.quanbu {
    position: absolute;
    top: 193px;
    left: 43px;
    width: 80px;
    height: 22px;
    line-height: 22px;
  border-radius: 10px;
    background-color: #a7936e;
    text-align: center;
    color: #fff;
}
.xianshigou-rd{
 float: left;
   
width: 698px;
    height: 318px;

}
.xianshigou-rd li {
    float: left;
   width: 349px;
    height: 159px;
    border: 1px solid #f4f0ea;
    overflow: hidden;
    margin-bottom: -1px;
    margin-right: -1px;

} 
.xl{float: left;
    width: 134px;
    height: 157px;
}
.xl img {
    width: 100%;
    height: 100%;
}
.xr {
 float: left;
 padding-top: 10px;
}
.xr p {
    color: #999;
}
.xr a:hover{
    color: #e2c199 ;
}
.progress-bar{
    float: left;
    margin-top: 10px;
    width: 113px;
    height: 6px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #f2cecd;
   
}
.progress {
    width: 60%;
    height: 100%;
    background-color: #ffe5e5;
    border-radius: 3px;
    
}
.shenyu {
    float: left;
    padding-left: 5px;
    padding-top: 3px;
}
.xianshijia {
    padding-top: 10px;
    color: #be4141;
}
.bigxianshijia {
    font-size: 18px;
    font-weight: 700;
}
.xianshijia .shanchu {
    text-decoration: line-through;
    color: #999;
}
.liji {
    margin-top: 10px;
    width: 89px;
    height: 24px;
    background-color: #be4141;
    line-height: 24px;
  
    text-align: center;

}
.liji a {
    color: #fff;
}
.fulishe {
    height: 397px;
    background-color: #f4f0ea;

}
.fls {
    padding-top: 40px;
}
.fls-bd {
    height: 284px;
    background-color: #fff;
}
.fls-ld {
    float: left;
    width: 168px;
  
}
.fls-ld img {
    width: 100%;
    height: 100%;
}
.fls-rd {
    float: left;
    width: 692px;
    height: 284px;

}
.fls-left {
    width: 500px;
    height: 284px;
    float: left;
    
}
.fls-left-td {
   
    width: 480px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #f4f0ea;
  margin: 0 10px;
}
.fls-left-td p {
    float: left;
}
.fls-left-td a {
    float: right;
}
.fls-left-td a:hover {
    color: #e2c199 ;

}
.fls-left-bd {
    height: 236px;
    
    overflow: hidden;
}
.fls-left-bd li {
    float: left;
    height: 100px;
    width: 230px;
    margin-top:15px ;
    margin-left: 15px;
  
}
.fls-img {float: left;
    width: 100px;
    height: 100px;
    background-color: #fbf9f6;

}
.fls-img img {
    width: 100%;
    height: 100%;
}
.fls-left-bd li a {
    float: left;
    padding: 5px 0 0 5px;
}
.xsj{
    float: left;
    padding-left: 5px;
    color: #be4141;
}
.xsj span {
    font-size: 16px;
   
}
.xsj p{
    text-decoration: line-through;
    color: #a4a4a4;
}
.xsj-qianggou{
    width: 68px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    background-color: #be4141;
    color: #fff;
    margin-top: 12px;
}
.fls-right {
    float: left;
    width: 190px;
    height: 284px;
border-left: 1px solid #f4f0ea;
 
}

.fls-right-hd {
    height: 46px;
    line-height: 46px;
  
}
.fls-right-hd p{
    float: left;
    padding-left: 20px;
}
.fls-right-hd span {
    display: block;
    float: right;
    padding-right: 10px;
}
.fls-right-bd li {
    height: 40px;
    
  
}
.fls-right-bd li:first-child{
    margin-bottom: 15px;
}

.tunhuo{
    float: left;
    width: 40px;
    height: 40px;
    background-color: #fbf9f6;
    margin-left: 20px;
}
.tunhuo img {
    width: 100%;
    height: 100%;
}
.fls-right-bd li  p {

    float:right;
    margin-right: 10px;
}
.fls-right-bd li  p a:hover{
    color: #cc9756;

}

.fls-right-bd li span {
    margin-left: 14px;
    color: #be4141;
}
.gouwuche-icon {
    float: right;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #fbf0ed;
    border-radius: 50%;
}
.gouwuche-icon i {
    font-family: 'icomoon';
    color: #d2cebc;
    
}

 .jujia {
    height: 600px;
  
} 
.jujia-hd {
    margin-top: 30px;
    height: 50px;
}
.jujia-hd .biaoti {
    float: left;
 height: 50px;
 line-height: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.jujia-hd-rd {
    line-height: 50px;
    height: 50px;
float: right;
  
}
.jujia-hd-rd li {
   
    float: left;
}
.jujia-hd-rd a {
    padding: 0 2px;
}
.jujia-hd-rd a:hover {
    color: #cc9756;

}
.jujia-center {
    height: 235px;
}
.jujia-center img {
    width: 100%;
    height: 100%;
}
.jujia-bd {
    height: 268px;
}
.jujia-bd li  {
    float: left;
    position: relative;
    margin-top: 15px;
    width: 207px;
    background-color: #fff;
 margin-right: 10px;

}
.jujia-bd li:last-child{
    margin-right: 0;
}

.renqi-rt1 {
  
    width: 200px;
    height: 200px;
}
.renqi-rt1 img{
 width: 100%;
    height: 100%;
}
.qianggou1 
 {   
     padding-left: 0;
    background-color: #dd1a21;
    
 
}
.xinren1 {
    position: absolute;
   top: 195px;
    left: 0;
    width: 60px;
    height: 28px;
    line-height: 28px;
    border-radius: 5px 5px 5px 0;
    background-color: #c0060e;
    color: #fff;
    text-align: center;
}

.new-bottum1 {
   
    border-top: 1px solid #f4f0ea;
    text-align: center;
 }
 .new-bottum1 .jiage {
     margin-top: 30px;
 
 }
 .kuandu {
     width: 90px;
 }
 .jujia-bd .s49 {
     margin-top: -3px;
     color: #dd1a21;
 }

.fushili {
    margin-top: 20px;
}
.floor-mokuai {
    margin-top: 60px;
}


.kehu {
    margin-top: 60px;
    height: 223px;
    border-top: 1px solid #ccc;
   
  
    
}
.khfw li {margin-top: 46px;
    float: left;
    width: 286px;
    height: 163px;
    border-right: 1px solid #e9e9e9;
}
.khfw li:last-child{
    border-right: none;
}
.fuwu {
   
   text-align: center;
}
.zaixian {float: left;
     margin-top: 20px; 
    width: 54px;
    height: 74px;
    border: 1px solid #e9e9e9;
    text-align: center;
}
.zaixian span {display: block;
    font-size: 20px;
     padding-top: 15px; 
    font-family: 'icomoon';
}
.zaixian p {
    padding-top: 5px;

}
.zx1 {
    margin-left: 81px;
}
.zx2 {
    margin-left: 20px;
}
.yanxuan {
    text-align: center;
}
.yanxuan1 {
    padding-left: 37px;
    padding-top: 37px;
}
.guanzhu {
    padding-left: 37px;
}
.xiazai {
    text-align: center;
    color: #b4a078;
}
.ewm {padding: 20px 0px 20px 100px;
}
.hot a {
    padding: 0 2px;
 } 
/* .rexiao {
    width: 88px;
    height: 280px;
    border: 1px solid #e2ded6;
    position: fixed;
    margin-top: 40px;
   left: 50%;
    margin-left: -538px;
    z-index:999;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;

} */
.rexiao {
    width: 88px;
    height: 280px;
    border: 1px solid #e2ded6;
    position: sticky;
   top: 30px;
    margin-left: 30px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 999;
    float: left;

} 
.rexiao li {
    width: 72px;
    height: 28px;
    border-bottom: 1px solid #e2ded6;
    line-height: 1;
   margin:0 7px;
   text-align: left;
}

.rexiao li img {
    float: left;
    width: 23px;
    height: 23px;
}
.rexiao li:first-child{
   
    width: 88px;
    background: url(../img/rexiao.webp);
 margin-left: -1px;
    border-bottom: 0px;
}
.rexiao li:last-child{
border-bottom: 0px;
}
.rexiao li:hover {
    color:#bb3343;
    cursor: pointer;
}
.rexiaobang { width: 70px;
    height: 27px;
    border-bottom: 1px solid #e2ded6;
    line-height: 27px;
   margin-left: 7px;
   text-align: center;
}
   


.rx-red {
    font-weight: 700;
    color: #bb3343;
}
/* 轮播图 */
  .bgc {
  width: 100%;
  height: 320px;
   overflow: hidden;
}
.bgc img {
    width: 1349px;
    height: 320px;
}

.bgc-img {
    width: 6795px;
    height: 320px;
    animation: move 18s  linear infinite;}
   

    



@keyframes move {
    from{
        margin-left: 0;
    }
    to {
        margin-left: -1349px;}} 

.new-hover:hover .new1 img:first-child {
 
 display: none;
 background-color: #000;
 
  
}
.new-none {
    display: none;
}

.new-hover:hover .new-none{
display: block;
}
.new-hover:hover .new-bottum{
    background-color: #f4f0ea;
}

/* 
.nav {
    position: sticky;
        top: 0;
        margin-top: 0;
    
       

    .nav ul{
        float: left;
        width: 100%;
       height: 40px;
        line-height: 40px;
        margin-top: 0px;
        display: flex;
        justify-content: center;
    
        
      
    } 
    
    .nav li{
        float: left;
        height: 40px;
    }
    .nav a{
        height: 20px;
        line-height: 20px;
        padding-right: 40px; 
        font-weight: 700;
        color: #2f2f2f;
     
    }
     .current{
        color: #cc9756;
    }
    .menu-jujia ul li a:hover {
        color: #cc9756;
    
    
    }  */
  
    
    /* 右边的粘滞定位 */
    .saoma{
        /* background-color: rgb(25, 0, 255); */
        height: 302px;
        width: 72px;
        float: right;
        position: sticky;
        text-align: center;
        top: 30px;
        /* background-color: green; */
        background-color: #fff;
        z-index: 999;
    }
    .saoma:hover{
        cursor: pointer;
    }
    
    /* 新人有礼 */
    .xryl{
        width: 55px;
        height: 60px;
        padding-top: 14px;
        color: gray;
        border-bottom: 1px solid #eaeaea;
    }
    .xryl span,.dydzk span,.zaixkfu span,.hdb span {
        font-family: 'icomoon';
        font-size: 18px;
    }
    
    .xryl:hover{
        color: #f4f0ea;
    }
    
    /* 扫码领新人红包 */
    
    .xrhb{
        width: 55px;
        height: 120px;
        border-bottom: 1px solid #eaeaea;
    }
    
    .xrhb>img{
        width: 60px;
        height: 60px;
    }
    
    /* 订阅电子刊 */
    
    .dydzk{
        width: 50px;
        height: 60px;
        color: gray;
        border-bottom: 1px solid #eaeaea;
    }
    .dydzk:hover{
        color: #ffce90;
    }
    
    .zaixkfu{
        width: 50px;
        height: 60px;
        color: gray;
        border-bottom: 1px solid #eaeaea;
       
    }
    
    .zaixkfu：hover{
        color: #ffce90;
    }
    
    /* 返回顶部的锚点 */
    
    .hdb{
        width: 72px;
        height: 60px;
        color: gray;
     background-color: #fff;
    }
    